<!--查看评论弹框-->
<template>
  <ele-modal
    title="查看评论"
    width="800px"
    :visible="visible"
    :append-to-body="true"
    :close-on-click-modal="true"
    custom-class="ele-dialog-form"
    @update:visible="updateVisible"
  >
    <ele-pro-table
      style="padding-bottom: 15px"
      :toolbar="false"
      ref="table"
      size="mini"
      :columns="columns"
      :datasource="datasource"
      :need-page="true"
      :hideOnSinglePage="false"
    >
      <!-- 头像列 -->
      <template v-slot:avatar="{ row }">
          <el-avatar v-if="row.avatar" :src="row.avatar" :size="40" />
      </template>
      <!-- 创建时间 -->
      <template v-slot:createTime="{ row }">
        <div v-if="row.create_time">{{$sun.timestampToTime(row.create_time * 1000)}}</div>
      </template>
    </ele-pro-table>
  </ele-modal>
</template>

<script>
  import {dyCommentList} from "@/api/releaseManage/tiktok";
  export default {
    name: "see-comments",
    props:{
      commentId:Number,
      visible:Boolean
    },
    data () {
      return {
        columns: [
          {
            slot: 'avatar',
            prop: 'avatar',
            label: '头像',
            align: 'center',
            showOverflowTooltip: true
          },
          {
            prop: 'nick_name',
            label: '用户名称',
            align: 'center',
            showOverflowTooltip: true
          },
          {
            prop: 'content',
            label: '评论内容',
            align: 'center',
            showOverflowTooltip: true
          },
          {
            slot: 'createTime',
            prop: 'create_time',
            label: '评论时间',
            align: 'center',
            showOverflowTooltip: true
          },
          ],
        selection: [],
      }
    },
    methods:{

      /* 如果想在数据源里面获取到接口返回的数据, 增加 async 和 await */
      async datasource({ page, limit, where, order }) {
        const result = await dyCommentList({ ...where, ...order, page, limit, id:this.commentId });
        console.log("result.list",result,result.data.list)
        return result.data.list;  // 这里返回的数据要包含 list 和 count 两个字段，字段名称可以通过 response 属性配置
      },
      /* 表格数据源 */
      /*datasource({ page, limit, where, order }) {
        return dyCommentList({
          ...where,
          ...order,
          page,
          limit,
          id:this.commentId
        });
      },*/
      /* 刷新表格 */
      reload(where) {
        this.$refs.table.reload({ page: 1, where: where });
      },
      /* 更新 visible */
      updateVisible(value) {
        this.$emit('update:visible', value);
      },
    }
  }
</script>

<style scoped>

</style>
